@charset "UTF-8";

/*
*
* respons style
* made by cloud @ 2019-12-21;
*/

/*横屏处理*/

@viewport {
    width: device-width; /*设置宽度为设备宽度*/
    min-width: 640px;
    max-width: 800px;
}
@viewport {
    user-zoom: fixed; /*zoom 允许用户缩放，fixed 不允许用户缩放*/
    zoom: 0.75;
    min-zoom: 0.5;
    max-zoom: 0.9;
}

@media (orientation: landscape) {
    .toportait{
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	text-align: center;
    	position: fixed;
    	top: 0;
    	left: 0;
    	z-index: 99999;
    	width: 100%;
    	height: 100%;
    	background-color: #ffffff;
    	text-align: center;
    }
    .toportait img{
		vertical-align: middle;
		width: 30%;
		margin: 0 auto;
    }
    .toportait p{
		text-align: center;
		font-size: 2rem;
		color: #333333;
    }
}

@media (orientation: portrait) {
    .toportait{
    	display: none;
    }
}


@media (min-width: 769px) and (max-width: 1400px) {
/* 限制屏幕通用尺寸 */
html, body{
    min-width: 1400px;
}
.container {
    width: 1400px;
    padding: 0;
}
.newslist-x {
    width: 1400px;
    margin-left: 0;
}
/* 限制屏幕通用尺寸 */
}

@media (min-width: 769px){
	.toportait{
		display: none;
	}
}

@media screen and (max-width: 768px) {

html,
body {
    font-size: 14px;
    font-weight: 300;
}
.gotop{
    right: 0;
    bottom: 0;
    opacity: 0.6;
}

.navbar-nav>li {
    padding: 0 1rem;
}
.navbar-nav>li>a {
    border-top: 1px dotted #ddd;
    padding-left: 0;
    padding-right: 0;
}
.navbar-nav>li.active>a {
    color: #004ea2;
    font-weight: bold;
}
.navbar{
    margin-bottom: 0;
}
.search-x-m{
    padding: 1rem 1rem 3rem;
}
.footer{
    padding: 0 1rem;
}
.footer .footer-r-x {
    padding-left: 0;
}
.footer-nav {
    font-size: 1.5rem;
    color: #fff;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.footer-nav-list>a {
    display: block;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0.6rem;
}
.footer-r-x-ewm{
    text-align: center;
}
.footer-r-x-ewm img {
    width: 10rem;
    margin-top: 2rem;
}
.footer-r-x-ewm p {
    font-size: 1rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 1rem;
}
.cprt p {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.4);
    line-height: 5rem;
    margin-bottom: 1rem;
}
.cprt p a{
    color: rgba(255, 255, 255, 0.4);
}







.banner-swiper-slide{
    position: relative;
    height: 33vh;
    background-image: url(none);
    background-size: 0;
}
.banner-swiper-slide .container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.banner-swiper-slide img{
    width: 100%;
    height: 33vh;
}
.banner-x-bg {
    font-size: 5rem;
    margin-top: 15rem;
}
.banner-p1 {
    font-size: 2rem;
    font-family: "ssjd";
    color: #fff;
    height: 2rem;
    line-height: 2rem;
    margin-top: 3rem;
    text-align: center;
}
.banner-p2 {
    font-size: 2rem;
    font-family: "ssjd";
    color: #fff;
    height: 2rem;
    line-height: 2rem;
    margin-top: 1rem;
    text-align: center;
}
.banner-a {
    margin-top: 3rem;
    text-align: center;
}
.banner-a a {
    font-family: Arial;
    font-size: 1rem;
    color: #fff;
    border-radius: 54px;
    padding: 16px 60px;
}



.aic-title {
    font-size: 2rem;
    margin-top: 0rem;
    padding-top: 2rem;
    text-align: center;
}
.product {
    padding-left: 0;
    background-image: url(../images/productbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    border-top: 2px solid #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.product-nav {
    width: 100%;
}
.product-x {
    position: relative;
    min-height: 17rem;
    width: 100%;
    margin-top: 1rem;
}
.aic-title::after {
    margin-left: calc((100% - 40px) / 2);
    margin-top: 1rem;
}
.aic-title-en {
    font-size: 2rem;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 4rem;
    text-align: center;
}
.product-nav-ul {
    margin-top: 1rem;
    padding: 0 3rem;
    display: flex;
    justify-content: space-between;
}
.product-nav-ul li{
    font-size: 1rem;
    padding: 0rem 1rem;
    background-color: transparent;
    border-radius: 5px;
    transition: all 0.3s;
}
.product-nav-ul li.active {
    background-color: #004ea2;
    color: #fff;
}


.pxc1-swiper-slide {
    height: 16.6rem;
    padding-top: 6rem;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    transition: all 0.3s;
}
.pxc1ss-tit {
    font-size: 2rem;
    color: #fff;
    padding-left: 3rem;
    text-shadow: 0 0 3px #333;
}
.pxc1ss-a {
    padding-left: 3rem;
    position: relative;
    margin-top: 2rem;
}
.pxc1ss-a a {
    position: absolute;
    display: block;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    border-radius: 100px;
    border: 1px solid #fff;
    box-shadow: 0 0 4px 0 #111;
}
.pxc1ss-a a img {
    width: 0.8rem;
    margin-top: -4px;
    margin-left: 4px;
}
.pxc-swiper-container .swiper-button-next {
    right: 10px;
}
.pxc-swiper-container .swiper-button-prev {
    left: 10px;
}

.about-intro {
    background-color: #fff;
    margin-top: 0;
    z-index: 9;
    padding: 0 0 3rem;
}
.aic-cont {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.8);
    line-height: 2;
    margin-top: 2rem;
    padding: 0 1rem;
}
.aic-abtns {
    padding-left: 0;
    display: flex;
    justify-content: center;
    margin-top: 3rem;
    flex-wrap: wrap;
}

.navbar{
    z-index: 99999;
}
.aic-abtns .aicb-item a {
    display: block;
    width: 8rem;
    height: 8rem;
    line-height: 7rem;
    border-radius: 100%;
    text-align: center;
    border: 1px solid #e5e5e5;
}
.aic-abtns .aicb-item p {
    text-align: center;
    font-size: 0.85rem;
    margin-top: -2.2rem;
}
.quali-title-p {
    font-size: 2rem;
}
.quali-tit {
    background-image: url(../images/quatitbg.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center bottom;
    padding-top: 5rem;
}

.case {
    background-image: url(../images/casebg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.case .aic-title-en {
    font-size: 2rem;
    color: #ffffff;
    margin-top: 4rem;
    text-align: center;
}
.case-swiper-container {
    padding-bottom: 6rem;
    margin-top: 2rem;
}
.css-img>img {
    width: 100%;
    height: 9.7rem;
}
.case-swiper-slide.swiper-slide-active .css-x {
    top: 1rem;
}
.css-x {
    position: absolute;
    left: 1rem;
    width: 15rem;
    height: 20rem;
    background-color: #ffffff;
    z-index: 99;
    transition: all 0.5s;
    box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.17);
}
.css-x>img {
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    background-color: #f3f3f3;
    margin: 10px auto 0;
}
.css-x-tit {
    font-size: 1rem;
    text-align: center;
    margin-top: 0.5rem;
}
.css-x-con {
    color: rgba(0, 0, 0, 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 0.5rem;
    text-align: center;
    font-size: 0.75rem;
}
.css-x-a a {
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 2rem;
    background-color: #004ea2;
    font-size: 1rem;
    color: #ffffff;
    margin: 0.5rem auto 0;
}



.news-index {
    position: relative;
    padding-left: 0;
}
.news-index-nav {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.news-index-nav-ul {
    margin-top: 2rem;
    padding: 0;
    display: flex;
    justify-content: center;
}
.news-index-nav-ul li {
    font-size: 1rem;
    padding: 0rem 1rem;
    background-color: transparent;
    border-radius: 5px;
    transition: all 0.3s;
    margin: 0 0.3rem;
}
.news-index-nav-ul li.active{
    background-color: #004ea2;
    color: #fff;
}
.news-index-x {
    width: 100%;
    height: 28rem;
}
.nix-item-x {
    margin-top: 0;
    border-left: 1px solid transparent;
    margin-left: -1px;
    padding: 0 1rem;
    transition: all 0.3s;
    min-height: 10rem;
}
.nix-item {
    border-left: 1px solid #e2e2e2;
    height: 28rem;
    width: 27%;
    transition: all 0.3s;
}
.news-index-x-con {
    position: absolute;
    opacity: 0;
    transition: all 0.3s;
    padding-right: 0;
}
.nix-item-tit {
    font-size: 1rem;
    color: #525252;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nix-item-con {
    font-size: 0.85rem;
    color: rgba(0, 0, 0, 0.502);
    line-height: 1.5;
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.nix-item-data {
    font-size: 0.85rem;
    color: rgba(0, 0, 0, 0.502);
    line-height: 1.5;
    margin-top: 1rem;
}
.nix-item-arr {
    margin-left: 1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    opacity: 0;
    transition: all 0.3s;
    width: 3rem;
}
.nix-item a img {
    width: 100%;
    transition: all 0.3s;
    padding: 0 1rem;
    max-height: 10rem;
}









/* about */
.banner-lm-slide{
    position: relative;
    height:auto;
    background-image: url(none);
    background-size: 0;
}
.banner-lm-slide img{
    width: 100%;
    height: auto;
}
.about-nav li a {
    font-size: 0.875rem;
}
.about-public-title {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}


    /* about1 */
    .about-about1{
        padding: 0 1rem;
    }
    .abouttrk{
        display: none;
    }
    .about-nav li {
        float: left;
        padding: 5px 5px;
        margin: 1.5rem 0;
        border-radius: 5px;
    }
    .about-nav li.active {
        background-color: #004ea2;
    }
    .about-nav li.active a{
        color: #ffffff;
    }
    .about-about1-r {
        padding-left: 0;
    }
    .aa1r-title {
        font-size: 2rem;
        color: #004ea2;
        margin-top: 2rem;
    }
    .aa1r-cont {
        padding-top: 0;
        margin-bottom: 2rem;
    }
    .aa1r-cont p {
        color: rgba(0, 0, 0, 0.8);
        margin-top: 1rem;
        font-size: 1rem;
    }
    .aalg-l-top {
        font-size: 2rem;
        font-family: "Arial";
        color: rgb(0, 78, 162);
        text-transform: uppercase;
        font-weight: bold;
        display: block;
        align-items: flex-start;
        margin-top: 2rem;
    }
    .aalg-r {
        padding-left: 0px;
        text-align: right;
    }
    .aalg-l-bottom {
        font-size: 1rem;
        margin-bottom: 2rem;
    }
    .about-about-r {
        padding: 0;
    }
    /* about1 */

    /* about2 */
    .aa2-tit {
        font-size: 2rem;
        font-family: "MONT";
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
    }
    .aa2-swiper-container{
        padding: 0 1rem;
    }
    .aa2-swiper-container span.aa2-l, .aa2-swiper-container span.aa2-r {
        position: absolute;
        top: 4rem;
    }
    .aa2-body {
        display: block;
        justify-content: center;
        padding: 0 3rem 3rem;
    }
    .aa2-img {
        padding-top: 2rem;
        padding-right: 0;
        text-align: center;
    }
    .aa2-img img {
        width: 15rem;
        height: 15rem;
        float: none;
        border-radius: 15rem;
        box-shadow: 0 0 8px 0 #eee;
    }
    .aa2-con {
        max-width: 100%;
        margin-top: 1rem;
        padding-top: 0;
    }
    .aa2-con-tit span{
        margin: 0 auto;
    }
    .aa2-con-x {
        margin-top: 2rem;
    }
    .aa2-con-x p {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 0.5rem;
    }
    /* about2 */

    /* about3 */
    .aa3-slide img {
        width: 100%;
        height: 10rem;
    }
    .aa3-title{
        font-size: 1rem;
        line-height: 2rem;
        text-align: center;
        opacity: 1;
        margin-bottom: 2rem;
    }
    /* about3 */

/* about4 */
.about-company {
    border-top: 1rem solid #fff;
}
.pubtit-enname {
    font-family: "MONT";
    font-size: 2rem;
    text-align: center;
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 2rem;
}
.pubtit-name {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}
.ac-swiper-container {
    margin-top: 0;
    padding: 0 1rem;
    margin-bottom: 2rem;
}
.ac-swiper-container .swiper-button-next, .ac-swiper-container .swiper-button-prev{
    display: none;
}
.about-company .swiper-pagination-fraction, .about-company .swiper-pagination-custom, .about-company .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: 100%;
}
.ac-swiper-wrapper{
    padding-bottom: 3rem;
}
.aq-x-nav {
    padding: 0;
    margin-top: 0;
}
.aq-x-nav ul li a {
    font-size: 1rem;
    cursor: pointer;
}
.aq-x-nav .nav-justified>li {
    float: left;
    width: 20%;
}
.aq-x-nav .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 0px;
}
.aq-x-nav .nav-pills>li+li {
    margin-left: 0;
}

.aqxc-swiper-container {
    padding-top: 1rem;
    padding-bottom: 3rem;
}
.aqxc-part .swiper-pagination-fraction, .aqxc-part .swiper-pagination-custom, .aqxc-part .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: 100%;
}
.aq-x-cont {
    position: relative;
    min-height: 30rem;
    margin-bottom: 2rem;
    overflow: hidden;
}
.ac-img-x-title {
    text-align: center;
    font-size: 1rem;
    margin-top: 1rem;
}
.about4-public-title2{
    font-size: 1.5rem;
    height: 2rem;
    line-height: 2rem;
    padding-left: 0;
    text-align: center;
    margin-top: 4rem;
}
.about-about4 .container{
    padding: 0 1rem;
}
.apt1{
    margin-top: 1rem;
}
.aqxc-part5{
    margin-bottom: 2rem;
}
/* about4 */

/* about5 */
.about5-x{
    padding: 1rem;
}
.about5-x-item{
    background-repeat: no-repeat;
    background-size: 4rem 4rem;
    background-position: left top;
    padding-left: 5rem;
    margin-bottom: 2rem;
}
.a5xi-tit{
    font-size: 1rem;
    font-weight: bold;
}
.a5xi-con{
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 5px;
}

.about-internet {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 1rem;
}
.about-internet-x {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.aix-box {
    background-image: url(../images/intercitybg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 90%;
    padding: 4rem;
    overflow: hidden;
    opacity: 0.8;
}
.aix-box-title {
    font-size: 1rem;
    font-weight: bold;
}
.aix-box-img {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.aix-box-body{
    font-size: 1rem;
}
.aix-box-body p{
    font-size: 1rem;
}
/* about5 */

/* about6 */
.about-about6 .container{
    padding: 0 1rem;
}
.about-about6{
    background-image: url('../images/about6bg.png');
    background-repeat: no-repeat;
    background-position: center 20rem;
    background-size: 0;
}
.about6-img img{
    width: 100%;
}
.about6-flagh{
    display: block;
    justify-content: space-between;
    padding-top: 2rem;
}
.about6-flagh-item{
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.11);
    padding: 2rem;
    transition: all 0.3s;
    margin-bottom: 2rem;
}
.a6fi-x-tit{
    font-size: 2rem;
    color: rgba(0, 0, 0, 0.6);
    transition: all 0.3s;
}
.a6fi-x-con{
    font-size: 1.5rem;
    color: rgb(0, 78, 162);
    line-height: 1.682;
    transition: all 0.3s;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.a6fi-x>img{
    width: 100%;
}
.about6-flagh-item:hover {
    background-color: #004ea2;
}
.about6-flagh-item:hover .a6fi-x-tit{
    color: rgba(255, 255, 255, 0.6);
}
.about6-flagh-item:hover .a6fi-x-con{
    color: rgba(255, 255, 255, 1);
}

.about6-flagc-tit{
    font-size: 2rem;
    text-align: center;
    margin-top: 1rem;
}
.about6-flagc{
    display: block;
    justify-content: space-between;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.about6-flagc-item{
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}
.about6-flagc-item img{
    width: 100%;
}
/* about6 */



/* about */


/* product */
.prodlist .container{
    padding: 0 1rem;
}
.prodlist-x-item {
    display: block;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.px-l, .px-r {
    width: 100%;
}
.px-l img {
    width: 100%;
    height: auto;
}
.px-r {
    width: 100%;
    padding: 1rem;
}
.px-r-titles {
    padding-bottom: 1rem;
}
.px-r-tit {
    font-size: 1.5rem;
}
.px-r-titen {
    font-size: 0.85rem;
    color: rgba(0, 0, 0, 0.4);
    margin-top: 4px;
}
.px-r-con {
    font-size: 0.85rem;
    margin-top: 1rem;
}
.px-r-a {
    margin-top: 1rem;
}

.prod-pagination {
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 1rem;
}
/* product */

/* product detail */
.proddetail {
    padding-top: 1rem;
}
.proddetail-x-title {
    font-size: 2rem;
    text-align: center;
}
.proddetail-x-title span {
    display: block;
    margin-top: 2rem;
}
.proddetail-x-title>a{
    float: none !important;
}
.proddetail-x-description {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
    margin-top: 1rem;
    padding: 0 1rem;
}

.pdxa-nav {
    padding: 0 1rem;
}
.pdxa-nav .nav-pills>li {
    margin-bottom: 10px;
    margin-left: 0;
    width: 50%;
    float: left;
}
.pdxa-nav-ul li a {
    font-size: 1rem;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.7);
    margin: 0 5px;
}
.pdxa-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 5rem;
    font-weight: bold;
    font-family: Arial;
    color: rgba(0, 0, 0, 0.06);
    text-align: center;
}
.proddetail-x-alink {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.pdxp-txt-enname {
    font-family: Arial;
    font-size: 2rem;
    color: rgba(0, 0, 0, 0.5);
    height: 2rem;
    line-height: 2rem;
    text-align: center;
}
.pdxp-txt-name {
    font-size: 2rem;
    margin-bottom: 1rem;
    text-align: center;
}
.pdxp-txt-txt{
    padding: 0 1rem;
    margin-bottom: 1rem;
}
.pdxp-txt-txt p {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.6;
}
.pdl120 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.pdr120 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.proddetail-x-part2 {
    margin-top: 4rem;
    width: 100%;
}
.proddetail-x-part2-cont {
    margin-left: 0;
    margin-bottom: 2rem;
}
.pxp2-item-x {
    padding: 0 1rem;
    height: 12rem;
    background-color: #ffffff;
}
.pxp2-item-x img {
    display: block;
    width: 49px;
    height: 49px;
    margin: 2.5rem auto 0;
    transition: all 0.5s;
    -moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
}

.proddetail-x-part4, .proddetail-x-part5, .proddetail-x-part6 {
    margin-top: 4rem;
}
.pdxp-img2{
    padding: 0 1rem;
}
.proddetail-x-part6-cont {
    margin-bottom: 4rem;
    padding: 0 1rem;
}
.pxp6-item-x {
    height: 9rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.pxp6-item-title {
    text-align: center;
    line-height: 9rem;
    font-size: 1.5rem;
    color: #fff;
}
/* product detail */

/* achievement */
.case-x .container{
    padding: 0 1rem;
}
.cxi-con {
    position: relative;
}
.cxi-con img{
    width: 100%;
    height: auto;
}
.cxi-con-tit{
    position: relative;
    bottom: 0;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.case-x-list .case-x-item:nth-child(even){
    padding-left: 0;
}
.case-x-list .case-x-item:nth-child(odd){
    padding-right: 0;
}
.case-x-item{
    margin-bottom: 2rem;
}
.case-x-item:hover .cxi-con-tit{
    bottom: 0;
}
/* achievement */

/* achievement detail */
.pubdetail {
    padding-top: 1rem;
}
.pubdetail-x-title {
    font-size: 2rem;
    text-align: center;
    margin-top: 0;
}
.pubdetail-x-title span {
    display: block;
    margin-top: 2rem;
    font-weight: normal;
    padding: 0 1rem;
}
.pubdetail-x-title>a{
    float: none !important;
}
.pubdetail-x-data {
    height: 4rem;
    line-height: 4rem;
    font-size: 1rem;
    font-family: "Arial";
    color: rgba(0, 0, 0, 0.502);
    border-bottom: 1px solid #cdd5d9;
    text-align: center;
}
.pubdetail-x-description {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
    margin-top: 1rem;
    padding: 1.5rem 1rem;
    margin-bottom: 2rem;
}
.pubdetail-body {
    padding-bottom: 2rem;
    border-bottom: 1px solid #cdd5d9;
    padding: 0 1rem 3rem;
    font-size: 1rem;
}
.pubdetail-body p{
    font-size: 1rem;
    text-align: left;
}
.pubdetail-body img{
    max-width: 100%;
}
.pubdetail-randomnews {
    margin-bottom: 2rem;
    padding: 0 1rem;
}
.pubdetail .news-title {
    font-size: 2rem;
    color: #333;
    text-align: center;
    font-weight: normal;
    padding-left: 0;
    margin-top: 2rem;
    margin-bottom: 4rem;
    height: 4rem;
    line-height: 4rem;
}
.pubdetail .news-title::after {
    content: "▁▁";
    color: #004ea2;
    display: block;
    margin-top: -2rem;
}
.pubdetail .news-a-cont {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 1rem;
}
.news-data-year {
    font-family: Arial;
    color: rgba(0, 0, 0, 0.5);
    font-size: 1rem;
    font-weight: 300;
    margin-top: 1rem;
}
.news-x {
    width: 100%;
    margin-left: 0;
}
.news-x-cont{
    margin-bottom: 3rem;
    padding: 0;
}
.nxc-img img {
    width: 100%;
    height: auto;
}
.nxc-bd .media-body {
    padding-left: 0;
    border-left: 1px solid transparent;
    padding-bottom: 0;
}
.news-a-tit a {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
}
/* achievement detail */


/* service */
.service-x .container{
    padding: 0 1rem;
}
.service-x-con {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.service-x-con p{
    font-size: 1rem;
}


.ser-nav-ul a{
    margin: 0 2px;
    width: 25%;
}
.pdt-nav-ul {
    text-align: center;
    margin-bottom: 2rem;
}
.ser-x{
    padding: 0 1rem;
}
.ser-x p{
    font-size: 1rem;
}
.ser-x-notep {
    margin-top: 3rem;
    border-bottom: 1px solid rgb(212, 212, 212);
    padding: 0 1rem 3rem;
}
.sxn-btn{
    text-align: center;
    margin-top: 1rem;
}
.ser-x-form {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 0 1rem;
}
.ser-x-form .form-horizontal .control-label {
    padding-top: 1rem;
    margin-bottom: 0;
    text-align: center;
    font-weight: normal;
}
.ser-x-img img {
    width: 100%;
    display: none;
}
/* service */

/* join */
.join-x{
    margin-top: 2rem;
}
.join-x{
    padding: 0 1rem;
}
.join-x-item {
    margin-bottom: 1rem;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.11);
    background-color: #fff;
    padding: 0 1rem 1rem;
}
.jxi-pl{
    padding-left: 0;
}
.jxi-pm{
    padding-left: 0;
}
.jxi-pr{
    padding-left: 0;
}
.join-x-info {
    padding: 1rem;
}
.join-x-title {
    height: 5rem;
    line-height: 5rem;
    font-size: 1.5rem;
    color: #343434;
}
.join-x-info p, .join-x-body p {
    font-size: 1rem;
}
.join-x-body {
    padding-top: 1rem;
}

.gift {
    border-bottom: 6px solid #e4edf2;
    padding-bottom: 2rem;
}
.gift-tit {
    font-size: 2rem;
    color: #272727;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.gxi-hover {
    width: 5rem;
    height: 5rem;
    margin-left: calc((100% - 5rem) / 2);
    border-radius: 100%;
    background-color: #353535;
    transition: all 0.3s;
    -moz-transition:width 0.3s;
    -webkit-transition:width 0.3s;
    -o-transition:width 0.3s;
}
.gxi-hover img{
    width: 100%;
    height: 100%;
}
.gift-x {
    padding: 0 1rem;
    flex-wrap: wrap;
}
.gxi-p {
    text-align: center;
    color: #272727;
    margin-top: 1rem;
    margin-bottom: 2rem;
}


#joindo .form-group label{
    margin-bottom: 0;
    margin-top: 7px;
}
/* join */



/* news */
.newslist-x{
    width: 100%;
    padding: 0 0rem;
    margin-left: 0;
}
.newslist-x-item {
    padding: 0 0;
    margin-bottom: 2rem;
}
.nxi-img a img {
    width: 100%;
    height: auto;
}
.nxi-img {
    position: relative;
    padding: 0rem;
}
.nxi-img-day {
    position: absolute;
    left: 2rem;
    top: 1rem;
    font-family: "MONTH";
    font-size: 2rem;
    color: #004ea29c;
    z-index: 2;
}
.nxi-img-year {
    position: absolute;
    left: 2rem;
    top: 3rem;
    font-family: "MONT";
    font-size: 1.5rem;
    color: #004ea29c;
    z-index: 2;
}
.nxi-info {
    padding: 1rem;
    margin-top: 1rem;
}
.nxi-info-title {
    font-size: 1.3rem;
    line-height: 1.591;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 0;
}
.nxi-info-description {
    line-height: 1.6;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 1rem;
}
.nxi-info-img {
    position: relative;
    height: 3rem;
    line-height: 3rem;
    overflow: hidden;
    margin-top: 1rem;
}
.nxi-info-data {
    font-family: Arial;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 1rem;
}
.nxi-img-a img {
    height: auto;
}
.newslist-x-item:nth-child(even) .nxi-img {
    float: none;
    position: relative;
    padding: 0rem;
}
.newslist-x-item:nth-child(even) .nxi-img .nxi-img-day{
    left: 2rem;
    top: 1rem;
    text-align: left;
}
.newslist-x-item:nth-child(even) .nxi-img .nxi-img-year{
    left: 2rem;
    top: 3rem;
    text-align: left;
}
.newslist-x-item:nth-child(even) .nxi-info {
    padding: 1rem;
}
/* news */


/* contact */
.contact-x {
    margin-top: 0;
    padding: 0 1rem;
}
.cxi-mod{
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position: center left;
    padding-left: 3rem;
    height: 60px;
}
.cxi-mod-tit{
    margin-top: 1rem;
}
.cxi-mod-tit, .cxi-mod-cont {
    font-size: 0.85rem;
}
.cxi-mod2{
    padding-left: 3rem;
}
.cxi-mod3{
    padding-left: 3rem;
}
.cxi-mod4{
    padding-left: 3rem;
}
.contact-x-map {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.contact-x-map iframe{
    height: 300px;
}
/* contact */

/* search */
.pubdetail-x {
    margin-top: 0;
}
.search-x {
    margin-top: 2rem;
    margin-bottom: 4rem;
    padding: 0 1rem;
}
.sxb-item-title {
    font-size: 1.5rem;
}
.sxb-item-desc {
    font-size: 1rem;
    margin-top: 12px;
    margin-bottom: 12px;
}
.sxb-item-infos span {
    font-size: 0.8rem;
    padding-right: 8px;
}
/* search */

}